<!DOCTYPE html>
<html lang="en-US">

<head>
  <!--Import Google Icon Font-->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <!--Import materialize.css-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

  <!--Let browser know website is optimized for mobile-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>{% block title %}Startup Organizer{% endblock %}</title>
</head>

<body>
    <nav>
        <ul>
            <li><a href="{% url 'post_list' %}">Blogs</a></li>
            <li><a href="{% url 'startup_list' %}">Startups</a></li>
            <li><a href="{% url 'tag_list' %}">Tags</a></li>
            <li><a href="{% url 'api-root' %}">Browse API</a></li>
        </ul>
    </nav>

  {% block content %}{% endblock %}

  <footer>
      <p>
          Built by
          <a href="#">CHENYU LIU</a>
          Under the
          <a href="https://opensource.org/licenses/BSD-2-Clause">
              Simplified BSD License.
          </a>
      </p>
  </footer>

  <!--Import jQuery before materialize.js-->
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
  <script>
    $(document).ready(function () {
      // Custom JS & jQuery here

    });
  </script>
</body>